<template>
  <div class="app-container">
    <el-row type="flex" justify="space-around">
      <el-col :span="8">
        <div class="table-title">吉祥粽子转盘配置</div>
        <el-table
          border
          :data="rewardListNew['1']"
          v-loading="loading"
          element-loading-text="加载中..."
          class="el-table-align-center">
          <el-table-column prop="name" label="奖品" align="center"></el-table-column>
          <el-table-column prop="price" label="价值" align="center"></el-table-column>
          <el-table-column prop="probability" label="获得机率" align="center"></el-table-column>
          <el-table-column prop="weights" label="权重" align="center"></el-table-column>
        </el-table>
      </el-col>
      <el-col :span="8">
        <div class="table-title">如意粽子转盘配置</div>
        <el-table
          border
          :data="rewardListNew['0']"
          v-loading="loading"
          element-loading-text="加载中..."
          class="el-table-align-center">
          <el-table-column prop="name" label="奖品" align="center"></el-table-column>
          <el-table-column prop="price" label="价值" align="center"></el-table-column>
          <el-table-column prop="probability" label="获得机率" align="center"></el-table-column>
          <el-table-column prop="weights" label="权重" align="center"></el-table-column>
        </el-table>
      </el-col>

    </el-row>
  </div>
</template>

<script>
import { grid } from '@/build';
import rewardList from './reward';

export default {
  name: 'config',
  mixins: [grid],
  computed: {
    rewardListNew() {
      return rewardList;
    },
  },
};
</script>

<style lang="scss" scoped>
  .table-title{
    margin: 10px 0 20px 0;
    text-align: center;
  }

</style>
